//定义食物类
class Food{
    //定义一个属性表示食物所对应的元素
    element:HTMLElement;
    constructor() {
        //获取页面中food元素   ！表示获取不会为空
        this.element=document.getElementById("food")!;
    }
    //定义一个获取食物x轴坐标的方法
    get X(){
        return this.element.offsetLeft
    }
    //定义一个获取食物y轴坐标的方法
    get Y(){
        return this.element.offsetTop
    }
    //修改食物位置的方法
    change(){
        //生成随机的位置
        //位置0-290
        //蛇移动一次就是一格（10），坐标必须是整十
        //round 四舍五入取整
        let top=Math.round(Math.random()*29)*10;
        let left=Math.round(Math.random()*29)*10;
        this.element.style.left=left+'px';
        this.element.style.top=top+'px';
    }

}
//导出
export default Food;
//用于测试
// const food =new Food();
// food.change()